<style tyle="text/css">
  .modal-lg {
    width: 70%;
  }
</style>
<div class="modal-header">
    <h4 class="modal-title">权限范围</h4>
</div>
<div class="modal-body">
  <div class="container-fluid form-horizontal ">
    <div class="col-md-1"></div>

    <div class="col-md-5">
      <div class="panel panel-info">
        <div class="panel-heading font-bold">接口授权的菜单:</div>
        <div style="height:280px; overflow:auto">
          <table class="table table-hover ng-isolate-scope no-footer">
            <tbody>
              <tr ng-repeat="menu in menu_list">
                <td><a href="">{{menu.name}}</a></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div class="col-md-5">
      <div class="panel panel-info">
        <div class="panel-heading font-bold">接口授权的角色:</div>
        <div style="height:280px; overflow:auto">
          <table class="table table-hover ng-isolate-scope no-footer">
            <tbody>
              <tr ng-repeat="role in role_list">
                <td><a href="">{{role.name}}</a></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

  </div>
</div>

<div class="modal-footer">
    <button class="btn btn-danger" type="button" ng-click="cancel()">关闭</button>
</div>

